/* pages/orderSubmit/orderSubmit.wxss */
page {
    background: #f5f5f5;
}
.container {
    padding: 16rpx 10rpx 100rpx 10rpx;
}
.section {
    background: #fff;
    padding: 20rpx 20rpx;
    border-radius: 16rpx;
    margin-bottom: 20rpx;
}
.top .logo {
    margin-bottom: 10rpx;
    font-size: 36rpx;
    text-align: center;
}
.top .topInfo {
    display: flex;
    justify-content: space-evenly;
}
.top .topInfo .left {
    width: 160rpx;
    /* height: 260rpx; */
    border-radius: 10rpx;
    position: relative;
    overflow: hidden;
}
.top .topInfo .left .img {
    width: 100%;
    /* height: 200rpx; */
    height: 100%;
}
.top .topInfo .name .flag {
    height: 50rpx;
    padding: 10rpx 20rpx;
    border-radius: 10rpx;
    line-height: 50rpx;
    text-align: center;
    font-size: 28rpx;
    color: #fff;
}
.top .topInfo .name .doing {
    background: #fec43cc0;
}
.top .topInfo .name .undo {
    background: #05b1ccc5;
}
.top .topInfo .name .disabled {
    background: #bebebec0;
}
.top .topInfo .name .daiqingjie {
    background: #349b05cb;
}
.top .topInfo .name .bukeyong {
    background: #2650d8;
}

.top .topInfo .right {
    width: 500rpx;
    display: flex;
    font-size: 30rpx;
    flex-direction: column;
    justify-content: space-between;
}
.top .topInfo .right.input {
    width: 440rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.top .topInfo .right .name {
    font-weight: 700;
    font-size: 32rpx;
}
.top .topInfo .right .name .type {
    font-size: 30rpx;
}
.top .topInfo .right .tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20rpx;
}
.top .topInfo .right .tags .tag {
    margin: 0 10rpx 10rpx 0;
    border: 1px solid #06cbe6;
    border-radius: 8rpx;
    padding: 0 10rpx;
    color: #0bc3db;
    font-size: 20rpx;
    line-height: 28rpx;
}

.top .topInfo .right .bottom .priceInfo {
    display: flex;
    justify-content: start;
}
.top .topInfo .right .bottom .price {
    font-weight: 700;
    font-size: 30rpx;
    margin-right: 30rpx;
}
.top .topInfo .right .bottom .btn {
    width: 165rpx;
    height: 60rpx;
    text-align: center;
    line-height: 60rpx;
    border-radius: 30rpx;
}
.top .topInfo .right .bottom .disabled {
    background: #bebebe;
    color: #fff;
}
.times {
    display: flex;
    align-items: center;
    margin-bottom: 10rpx;
    justify-content: space-between;
}
.times .item {
    text-align: center;
}
.times .item .time {
    height: 60rpx;
    line-height: 60rpx;
    border: 1rpx solid var(--main-color);
    padding: 0rpx 15rpx;
    border-radius: 8rpx;
    color: var(--main-color);
    font-size: 32rpx;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.times .item .timeoff {
    height: 60rpx;
    line-height: 60rpx;
    background-color: #e3e3e3;
    border: 3rpx solid #e3e3e3;
    border-radius: 8rpx;
    color: #7a7f80;
    font-size: 32rpx;
    font-weight: 600;
    width: 240rpx;
}
.times .item .iconfont {
    vertical-align: top;
    font-size: 32rpx;
    margin-left: 10rpx;
}

.times-quick .top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.times-quick .top .item {
    /* width: 18%; */
    height: 50rpx;
    margin-top: 20rpx;
    text-align: center;
    line-height: 50rpx;
    border: 2rpx solid #ddd;
    border-radius: 10rpx;
    padding: 5rpx 20rpx;
    /* margin-bottom: 10rpx; */
}
.times-quick .item .hours {
    font-size: 30rpx;
    font-weight: bold;
}
.times-quick .item .subTitle {
    font-size: 22rpx;
    font-weight: bold;
    color: #9e9b9b;
}
.times-quick .item .price {
    font-size: 30rpx;
    font-weight: bold;
}

.times-quick .active {
    border-color: #ffffff;
    color: #ffffff;
    background-color: var(--main-color);
}
.times-total {
    margin-top: 40rpx;
    margin-bottom: 10rpx;
    display: flex;
    justify-content: space-between;
    font-size: 32rpx;
}
.times-total .label {
    color: #666;
}
.orderPrice .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 28rpx;
    padding: 10rpx 10rpx;
}
.orderPrice .item:last-child {
    margin-bottom: 0;
}
.orderPrice .item .desc {
    font-size: 26rpx;
    line-height: 30rpx;
    color: #999;
    margin-left: 20rpx;
}
.orderPrice .item .left {
    display: flex;
    align-items: center;
}
.orderPrice .item .left .iconfont {
    display: inline-block;
    margin-right: 10rpx;
    vertical-align: top;
    font-size: 40rpx;
}
.orderPay .item .right .link {
    text-decoration: underline;
    margin-right: 4rpx;
}
.orderPrice .item .right {
    display: flex;
    align-items: center;
}
.orderPrice .item .right input {
    text-align: right;
    font-size: 26rpx;
    line-height: 26rpx;
    color: rgb(196, 129, 4);
}
.orderPrice .item .right .iconfont {
    margin-left: 10rpx;
    font-size: 40rpx;
}
.orderPrice .item .right .icon-saomiao {
    font-size: 48rpx;
}
.orderPrice .item .right .icon-right {
    color: #999;
}
.orderPrice .item .right .price-disabled {
    color: #999;
    font-size: 24rpx;
}
.orderPrice .item .right .price-coupon {
    color: #ea4e4e;
    text-align: right;
    font-size: 26rpx;
    line-height: 0rpx;
}
.orderPrice .item .right .no-coupon {
    background-color: #ea4e4e;
    color: #fff;
    font-size: 26rpx;
    padding: 0 10rpx;
}
.orderPay .swiper {
    font-size: 26rpx;
    height: 40rpx;
    padding-left: 40rpx;
    overflow: hidden;
}

.order-bar {
    width: 100%;
    height: 120rpx;
    box-sizing: border-box;
    padding: 10rpx 30rpx;
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}
.order-bar .left {
}
.order-bar .total {
    font-size: 32rpx;
    font-weight: 600;
}
.order-bar .time {
    font-size: 24rpx;
}
.order-bar .btn {
    margin: 0;
    width: 300rpx;
    height: 80rpx;
    line-height: 80rpx;
    font-size: 28rpx;
}

.timeSlot {
    margin-top: 20rpx;
    display: flex;
    justify-content: space-between;
}
.timeSlot .time {
    font-size: 20rpx;
    text-align: center;
    color: #aaa;
    border-top: 20rpx solid #e8e8e8;
    width: 24rpx;
    line-height: 30rpx;
}
.timeSlot .disabled {
    border-color: var(--main-color);
}
.top .tip {
    color: #ec9c41;
    margin-top: 5rpx;
    font-weight: 600;
    font-size: 24rpx;
    line-height: 32rpx;
    text-align: center;
}

/* 未登录 */
.containerlogin {
    padding: 0 60rpx;
}
.photo {
    padding: 60rpx 0;
    text-align: center;
}
.photo .img {
    width: 200rpx;
    height: 200rpx;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.photo .img image {
    width: 100%;
    height: 100%;
}
.photo .name {
    margin-top: 20rpx;
}
.loginBtn {
    margin-top: 60rpx;
    border-radius: 50rpx;
    font-size: 28rpx;
    height: 90rpx;
    line-height: 90rpx;
}
.pkgList .item {
    padding: 10rpx 20rpx;
    margin: 5rpx;
    border: 1rpx solid #b0cbf1;
    border-radius: 10rpx;
}
.pkgList .item .name {
    font-size: 30rpx;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.pkgList .item.active {
    border-color: #ffffff;
    color: #ffffff;
    background-color: var(--main-color);
}
.can-time {
    color: rgb(177, 177, 169);
    font-size: 22rpx;
}
.scroll-y {
    height: 360rpx;
    margin-top: 10rpx;
}
